<!DOCTYPE html>
<html lang="en" class="md device-pixel-ratio-3 device-retina device-desktop device-windows support-position-sticky">

<head>
    <meta charset="utf-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="坏坏漫画" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="referrer" content="never">
    <script type="text/javascript" src="js/debug.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>title</title>
    <link href="css/main.48b4036a.css" rel="stylesheet">
    <link href="css/aui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/template-web.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-dialog.js"></script>
    <script type="text/javascript" src="js/config.js" charset="utf-8"></script>
    <div style="display: none;">
    </div>



</head>

<body>
    <div id="root" style="height: 100%;">
        <div id="framework7-root" class="framework7-root ">
            <div class="panel-backdrop"></div>
            <div class="panel panel-left panel-reveal">
                <div id="chapterDirectory" class="page">
                    <div class="page-content">
                        <div class="block-title">目录</div>
                        <div class="no-margin-bottom list virtual-list">
                            <ul id="leftpannel" style="height: 5667.84px;">
                                <li class="bg-color-default text-color-primary"
                                    style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;"><a
                                        class="item-link" href="#">
                                        <div class="item-content">

                                            <div class="item-inner">
                                                <div class="item-title">第1話-&lt;1&gt;</div>
                                            </div>
                                        </div>
                                    </a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-right panel-reveal">
                <!-- 侧边栏 -->
                <div class="page" id="right-page">
                    <script>
                        $("#right-page").load("right-page.html");
                    </script>
                </div>
            </div>
            <div class="view view-main">

                <div class="view view-main">
                    <div class="page page-current" data-name="bookRead">
                        <div id="bookReaderNavbar-1552542965195" class="reader-book-read-navbar navbar">
                            <div class="navbar-inner sliding">
                                <div class="left"><a class="icon-only link icon-only back"
                                        href="javascript:history.go(-1);"><i class="icon icon-back"></i></a></div>
                                <div class="title">
                                    <h1 id="title" style=" font-size: unset; margin: 0; font-weight: unset; ">派遣员</h1>
                                    <!-- <h2 style="margin: 0;"><span class="subtitle">第1話 </span></h2> -->
                                </div>

                                <div class="right">
                                    <a class="link icon-only actions-open"
                                        href="javascript:if(confirm('回到首页'))window.location='/index.html'">首页</a>
                                    <a class="link icon-only actions-open" href="javascript:void(0)"
                                        onclick="fab(1045);" data-actions="#bookActions-1552542965195"><i
                                            class="icon material-icons">more_horiz</i></a>
                                </div>
                            </div>
                        </div>
                        <div class="reader-book-read reader-book-read-mode-default page-content hide-navbar-on-scroll">
                            <div class="reader-book-read-wraper no-padding no-fastclick">
                                <article>
                                    <!--div class="col-100"><a href="/home/pay/index.html"><img src="/Public/Uploads/img/20210223/14.png" alt="" class="margin-bottom:0"
                                                                        style="width: 100%; margin: 0px; display: block;"></a>
                        <body>
                                <font color="#0000FF">新站活动剩</font>
                                <a class="time" style="color:#cc0000;font-size:30px;"></a>
                                <font color="#0000FF">倒计结束即取消活动！</font>
                                <script>
                                    var starttime = new Date("2021/7/30");
                                    setInterval(function() {
                                    var nowtime = new Date();
                                    var time = starttime - nowtime;
                                    var day = parseInt(time / 1000 / 60 / 60 / 24);
                                    var hour = parseInt(time / 1000 / 60 / 60 % 24);
                                    var minute = parseInt(time / 1000 / 60 % 60);
                                    var seconds = parseInt(time / 1000 % 60);
                                    $('.time').html(day + "天" + hour + "时" + minute + "分" + seconds + "秒");}, 1200);
                                </script>
                            </body-->
                                    <section class="reader-cartoon-chapter">
                                        <!-- 漫画内容开始 -->
                                        <div class="reader-cartoon-image loaded"><img src="images/9.jpg" alt="图-1">
                                            <div class="preview" style="padding-top: 583.333%;"><span class="alt">图-1
                                                </span></div>
                                        </div>
                                        <!-- 漫画内容结束-->
                                        <!-- 漫画内容开始 -->
                                        <div class="reader-cartoon-image loaded"><img src="images/9.jpg" alt="图-1">
                                            <div class="preview" style="padding-top: 583.333%;"><span class="alt">图-1
                                                </span></div>
                                        </div>
                                        <!-- 漫画内容结束-->
                                    </section>
                                </article>
                                <div id="actions" class="reader-book-read-actions-modal actions-modal">
                                    <div class="actions-group">
                                        <div
                                            class="width-100 no-margin list simple-list no-hairlines no-hairlines-between">
                                            <ul>
                                                <li class="no-margin-top no-padding">
                                                    <div class="width-100 display-flex no-border-radius segmented">
                                                        <a class="no-border-radius button panel-open" data-panel="left"
                                                            href="javascript:void(0)" onclick="pannell()"
                                                            style="flex: 0 0 0.48rem;">
                                                            <i class="icon material-icons">menu</i>
                                                        </a>
                                                        <a class="button bottom-btn" href="javascript:void(0)"
                                                            data-value="prev">上一话</a>
                                                        <a class="button bottom-btn" href="javascript:void(0)"
                                                            data-value="next">下一话</a>
                                                        <a class="no-border-radius button actions-open"
                                                            data-actions="#bookActions-1552542965195"
                                                            style="flex: 0 0 0.48rem;"><i class="icon material-icons"
                                                                onclick="fab(1045);">input</i></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="bookActions" class="reader-book-read-actions-modal actions-modal">
                                <div class="actions-group">
                                    <div class="margin-vertical height-auto block">
                                        <div class="reader-book reader-book-media">
                                            <div class="cover">
                                                <img alt="" src="images/9.jpg">
                                                <span class="status" data-status="serialized">连载</span>
                                                <span class="type" data-type="cartoon"></span>
                                            </div>
                                            <h2 style="margin: 0"><span class="name">混混痞痞 派遣员</span></h2>
                                            <p class="desc">辦公室之間,不法又刺激的小故事!</p>
                                            <div class="footer">
                                                <span class="score">
                                                    <i class="icon material-icons">star</i> 998</span>
                                                <span class="readCount">
                                                    <i class="icon material-icons">remove_red_eye</i> 664</span>
                                                <h3 style="margin: 0"><span class="author">作者：</span></h3>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="width-100 no-margin list">
                                        <ul>
                                            <li class="">
                                                <div class="item-content">
                                                    <div class="item-inner">
                                                        <div> </span></div><input type="checkbox" value=""><span
                                                            class="toggle-icon"></span></label>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="no-touch-callout"><a class="item-link" href="#">
                                                    <div class="item-content">
                                                        <div class="item-inner" onclick="share2()"><span><i
                                                                    class="margin-right text-color-gray icon material-icons">share</i>
                                                                分享 </span><span class="item-after line-height-20">赚书币免费看
                                                                <span><i
                                                                        class="line-height-20 font-size-20 vertical-align-top no-touch-callout icon material-icons">help</i></span></span>
                                                        </div>
                                                    </div>
                                                </a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/html" id="left_chpater_list">
                    {{each list value i}}
                    <li class="bg-color-default text-color-primary"  onclick="onRead(this)" style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;">
                        <a class="item-link" data-index="{{value['id']}}" data-title="{{value['title']}}" data-href="?id={{value['imagelist']}}&title={{value['title']}}&aid={{value['manhua_id']}}">
                            <div class="item-content">
                                <div class="item-media">
                                    <img slot="media" alt="" class="lazy-fade-in lazy-loaded" src="{{value['image']}}" style="width: 0.64rem; height: 0.32rem; margin-right: -0.16rem;">
                                </div>
                                <div class="item-inner">
                                    <div class="item-title">{{value['title']}}</div>
                                    {{if value['isvip']==1}}
                                            {{if value['score']==0}}
                                            <div class="item-after"><span class="badge color-red">限免</span></div>
                                            {{else}}
                                                {{if value['buy']>0}}
                                                    <div class="item-after"><span class="badge color-red">已购</span></div>
                                                {{else}}
                                                    <div class="item-after"><span class="badge color-red">{{value['score']}}阅币</span></div>
                                                {{/if}}
                                            {{/if}}
                                        {{/if}}
                                </div>
                            </div>
                        </a>
                    </li>
                    {{/each}}
                </script>
            </div>
            <div class="framework7-modals"></div>
            <div class="actions-backdrop"></div>
            <div class="dialog-backdrop"></div>
            <div class="dialog dialog-buttons-1 dialog-buttons-vertical reader-copy-modal modal-in"
                style="display: none; margin-top: -372px;">
                <div class="dialog-inner">
                    <div class="dialog-title"></div>
                    <div class="dialog-text"></div>
                    <input id="foo" type="link" value="" readonly="">
                </div>
                <div class="dialog-buttons">
                    <span class="dialog-button dialog-button-bold text-align-center text-color-primary"
                        data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</span>
                </div>
            </div>
            <div class="popover-backdrop"></div>
            <div class="toast">
                <div class="toast-content">
                    <div class="toast-icon"></div>
                    <div class="toast-text"></div>
                    <a class="toast-button"></a>
                </div>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="js/yymh.js"></script>
    <script src="js/clipboard.min.js"></script>

    <script type="text/javascript">
        var imageList = getQueryVariable("id").split(",");;
        var html = ""
        for (var i = 0; i < imageList.length; i++) {
            html += "<div class='reader-cartoon-image loaded'><img src='" + imageList[i] + "' alt='图-1'> <div class='preview' style='padding-top: 583.333%;'><span class='alt'>图-1 </span></div> </div>"
        }
        $(".reader-cartoon-chapter").html(html);
        var title = getQueryVariable("title");
        $(".title > h1").html(decodeURI(title));
        $("title").html(decodeURI(title));
        window.page = 1;
        window.order = 1;
        window.totalPage = 1;
        window.currPageNo = 1;
        window.bastCate = 1;
        //获取章节列表
        function getChapterList() {
            showLoadingToast('加载中...');
            var aid = getQueryVariable("aid");
            appCenter.doGetChpaterList(aid, window.order, window.page, 1000, function (data) {
                var html = "";
                var book = decodeURI(getQueryVariable("book"));
                html = template("left_chpater_list", data);
                html = html.replace(/aid/g,"book="+book+"&aid");
                //显示分页组件
                $('#leftpannel').html(html);
                $("img.lazy").lazyload();
                window.toast.hide();
            });
        }

        $('.reader-cartoon-image').click(function () {
            actions(1045);
            $('.md').addClass('with-modal-actions');
            $('body').addClass('reading');
        });

        //打开阅读
        function onRead(obj) {
            let aid = getQueryVariable("aid");
            let pid = $(obj).children(".item-link").attr("data-index");
            let bookName = decodeURI(getQueryVariable("book"))+'-'+$(obj).children(".item-link").attr("data-title");
            appCenter.doHeaderGet(baseApi + "/carton/app/isPay",{aid:aid,pid:pid,bookName:bookName},{'authToken':localStorage.getItem("authToken")},function (data) {
                if (data.code == 0) {
                    window.location.href = $(obj).children(".item-link").attr("data-href");
                }else{
                    appCenter.showFailToast('书币不足');
                }
            })
        }

        //初始化底部控制台事件
        function initBottomBarEvent() {
            $('.bottom-btn').click(function () {
                var type = $(this).data('value');
                if (type == 'prev') {
                    getNearByChapter(0);
                } else if (type == 'next') {
                    getNearByChapter(1);
                } else if (type == 'chapter-list') {
                    window.location.href = 'https://www.baidu.com/home/book/chapter_list/id/1045';
                }
            });
        }
        //获取附近的章节
        function getNearByChapter(next) {
            appCenter.showLoadingToast('加载中...');
            //请求
            $.getJSON('/home/api/chapter_nearby?manhua_id=1045&capter_id=47038&next=' + next, function (data) {
                window.toast.hide();
                if (data) {
                    if (data.succ) {
                        window.location.href = 'https://www.baidu.com/home/index/index.html' + data.result.id;
                    } else {
                        appCenter.showFailToast(data.msg);
                    }
                }
            });
        }

        function pannell() {
            getChapterList();
            $('.actions-backdrop').removeClass('backdrop-in');
            $('.actions-modal').remove();
            $('.panel-left').addClass('panel-active').show();
            $('html').addClass('with-panel').addClass('with-panel-left-reveal');
        }


        var totalHeight = document.getElementsByClassName("reader-cartoon-chapter")[0].offsetHeight;
        var scrollFunc = function (e) {
            e = e || window.event;
            var scrollT = document.body.scrollTop || document.documentElement.scrollTop;
            currtTop = document.documentElement.clientHeight + scrollT;
            if (e.layerY + e.y >= totalHeight) {
                //actions(1045);
                //$('.md').addClass('with-modal-actions');
                //$('body').addClass('reading');
            }
        }
        //给页面绑定滑轮滚动事件
        if (document.addEventListener)
            //滚动滑轮触发scrollFunc方法 //ie 谷歌
            window.onmousewheel = document.onmousewheel = scrollFunc;


        initBottomBarEvent();
    </script>
    <script>
        var isdibu = true;
        $('.reader-book-read').scroll(function () {
            var $this = $(this),
                viewH = $(this).height(),//可见高度
                contentH = $(this).get(0).scrollHeight,//内容高度
                scrollTop = $(this).scrollTop();//滚动高度
            var headH = $('.navbar').height();
            headH = 150;
            if (isdibu) {
                if (scrollTop + viewH + headH >= contentH) {
                    isdibu = false;
                    actions(1045);
                    $('.md').addClass('with-modal-actions');
                    $('body').addClass('reading');
                }
            }

        });
    </script>

</body>

</html>